var myApp=angular.module('MyApp',[]);

myApp.controller('MainCtrl',[
	'$scope',
	function ($scope,$rootScope){
		
	}
]);

//=====================指令================================================
// 依赖：1.jquery库
//       2.一个父节点，并且子节点是相对于父节点绝对定位
// 作用：1.当原图长宽为parentWidth与parentHeight是元素的top和left，
//		   按照父元素的长宽按比例缩放videoWidth，videoHeight。和摆放位置
//		 2.改变值：top left width height
//		   
//	参数：
//		posTop:'@',//无缩放时的top
//		posLeft:'@',//无缩放时的left
//		parentWidth:'@',//无缩放时父节点的长
//		parentHeight:'@',//无缩放时父节点的高
//		myWidth:'@',//无缩放时我的长
//		myHeight:'@',//无缩放我的高
// 使用示范：
//      		set-position 
//				pos-top="236" 
//				pos-left="3279" 
//				parent-width="4096" 
//				parent-height="2304" 
//				my-widht="110" 
//				my-height="110" 
//==============================================================================

myApp.directive('setPosition',function(){
	// Runs during compile
	return {
		// name: '',
		// priority: 1,
		// terminal: true,
		//
		scope: {
			posTop:'@',//无缩放时的top
			posLeft:'@',//无缩放时的left
			parentWidth:'@',//无缩放时父节点的长
			parentHeight:'@',//无缩放时父节点的高
			myWidth:'@',//无缩放时我的长
			myHeight:'@',//无缩放我的高
		}, // {} = isolate, true = child, false/undefined = no change
		// controller: function($scope, $element, $attrs, $transclude) {},
		// require: 'ngModel', // Array = multiple requires, ? = optional, ^ = check parent elements
		 restrict: 'EA', // E = Element, A = Attribute, C = Class, M = Comment
		// template: '',
		// templateUrl: '',
		// replace: true,
		// transclude: true,
		// compile: function(tElement, tAttrs, function transclude(function(scope, cloneLinkingFn){ return function linking(scope, elm, attrs){}})),
		link: function(scope, elem, attrs, controller) {
			//计算缩放比例
			var scaleWdith=parseFloat(elem.parent().css('width'))/parseFloat(scope.parentWidth);
			var scaleHeight=parseFloat(elem.parent().css('height'))/parseFloat(scope.parentHeight);
			//alert(scaleHeight+"---"+scaleWdith)
			//缩放本元素大小
			var currentWidth=parseFloat(scaleWdith*parseFloat(scope.myWidth));
			var currentHeight=parseFloat(scaleHeight*parseFloat(scope.myHeight));
			elem.css('width',currentWidth+'px');
			elem.css('height',currentHeight+'px');
			//修改缩放后的位置
			var currentLeft=parseFloat(scaleWdith*parseFloat(scope.posLeft));
			var currentTop=parseFloat(scaleHeight*parseFloat(scope.posTop));
			elem.css('left',currentLeft+'px');
			elem.css('top',currentTop+'px');
			alert("11111111111");
		}
	};
});